/*
 * Copyright 2024 The Google Research Authors.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

.marot {
  font-family: monospace;
}
#marot-accuracy-th,
#marot-critical-th,
#marot-fluency-th,
#marot-major-th,
#marot-minor-th,
#marot-uncategorized-th {
  color: blue;
}
.marot-all-rater-flags .marot-rater-flag {
  visibility: hidden;
}
.marot-arrow {
  opacity: 50%;
  color: gray;
  cursor: pointer;
}
.marot-arrow-active {
  opacity: 100%;
  color: black;
}
.marot-bottomed {
  border-bottom: 1px solid dimgray;
}
.marot-ci {
  color: gray;
  font-size: x-small
}
.marot-comparison-histograms,
.marot-comparison-tables-pvalue,
.marot-comparison-tables-rho {
  margin: 8px;
}
.marot-comparison-tables-pvalue .marot-rho,
.marot-comparison-tables-rho .marot-pvalue {
  /** only one of pvalue/rho will be visible */
  display: none;
}
.marot-deleted {
  background: lavender;
}
.marot-deleted-index {
  padding: 0 4px;
  vertical-align: top;
}
.marot-details-toggle {
  color: gray;
}
th:hover .marot-details-toggle {
  color: black;
}
.marot-dotted-bottomed {
  border-bottom: 1px dashed darkgray;
}
#marot-errors {
  color: red;
  max-height: 100px;
  margin-left: 8px;
  overflow-y: auto;
}
.marot-file-menu tr {
  border: 1px solid gray;
  padding: 4px;
}
.marot-file-menu-entry {
  cursor: pointer;
}
.marot-file-menu-entry:hover {
  background-color: lightgreen;
  border: 1px solid blue;
}
.marot-file-menu-option {
  text-align: right;
}
.marot-filters * {
  line-height: 1.5;
}
.marot-filter-expr-error {
  color: orange;
  font-size: tiny;
}
.marot-gray {
  color: gray;
}
.marot-header {
  margin: 8px;
  position: relative;
  width: 90%;
}
.marot-help-icon {
  color: blue;
  cursor: pointer;
  font-weight: bold;
  vertical-align: top;
}
.marot-input {
  border: none;
  border-bottom: 1px solid blue;
  outline: none;
  padding: 0 0 4px 0;
}
.marot-link {
  color: black;
  text-decoration: none;
}
.marot-link:visited {
  color: black;
}
.marot-menu td {
  padding: 6px 16px 0 0;
  vertical-align: text-top;
}
.marot-menu-entry summary {
  cursor: pointer;
  color: blue;
}
.marot-metric {
  font-size: 11px;
}
.marot-mqm-details-th {
  cursor: pointer;
}
.marot-note {
  font-style: italic;
  cursor: default;
}
.marot-numbers-table td:not(:first-child) {
  text-align: right;
}
.marot-numbers-table th {
  min-width: 10ch;
  max-width: 12ch;
}
.marot-out-of-order {
  background: lavender;
}
.marot-subpara {
  cursor: pointer;
}
.marot-prior-error {
  background: gainsboro;
  margin-left: 6px;
}
.marot-pvalue-significant {
  font-weight: bold;
}
#marot-quote {
  text-align: center;
  margin-top: 300px;
  font-size: 14px;
  font-family: monospace;
}
.marot-rater {
  cursor: pointer;
}
.marot-rater-details {
  font-size: xx-small;
  font-style: italic;
  color: gray;
  cursor: default;
}
.marot-rater-details:hover {
  color: black;
}
.marot-rater-flag {
  background-color: white;
  font-size: 20px;
  font-weight: bold;
  padding: 1px 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
.marot-ref-row {
  background-color: #e9ffdb;
}
#marot-reset-settings {
  cursor: pointer;
}
#marot-reset-settings:hover {
  background-color: lightgreen;
}
.marot-row td {
  position: relative;
}
.marot-row div,
.marot-row table {
  position: sticky;
  top: 0;
}
.marot-row-metadata {
  white-space: break-spaces;
}
#marot-score-heading {
  font-weight: bold;
  max-width: 10ch;
}
.marot-score-th {
  min-width: 10ch;
}
.marot-scores-table {
  width: 100%;
}
.marot-scores-table .marot-unit-score {
  padding-left: 4px;
  text-align: right;
}
.marot-scores-table tr td {
  border-left: none;
}
.marot-section {
  font-size: large;
  font-weight: bold;
}
#marot-only-all-systems-segments {
  vertical-align: text-top;
}
.marot-select {
  margin: 4px 0;
  max-width: 80px;
  min-width: 50px;
}
.marot-settings-editable {
  border-bottom: 1px solid blue;
  display: inline-block;
  min-width: 10ch;
}
.marot-settings-panel {
  margin: 6px 0 4px 20px;
}
.marot-settings-row {
  margin: 6px 0;
}
.marot-stats-slice {
  background-color: #F0F0F0;
}
.marot-stats-weighted {
  background-color: #F8F8F8;
}
.marot-subheading {
  padding: 6px 0 0 4px;
}
.marot-histogram {
  cursor: pointer;
}
.marot-histogram-selected {
  filter: brightness(60%);
}
.marot-table {
  border: none;
  border-collapse: collapse;
  box-sizing: border-box;
  margin-top: 8px;
  table-layout: fixed;
}
.marot-table td,
.marot-table th {
  border-left: 1px solid gray;
  padding: 4px;
  vertical-align: text-top;
  word-wrap: break-word;
}
.marot-table th {
  border-bottom: 1px solid gray;
}
.marot-table td:first-child,
.marot-table th:first-child {
  border-left: none;
}
.marot-table-ratings {
  border-collapse: collapse;
  width: 100%;
}
#marot-segments-tbody td {
  padding: 0;
}
#marot-segments-tbody div {
  overflow-wrap: anywhere;
  padding: 4px;
}
#marot-segments-tbody p {
  margin-block-end: 0;
}
#marot-segments-tbody p:not(:first-child) {
  margin-block-start: 1em;
}
#marot-segments-tbody p:first-child {
  margin-block-start: 0;
}
#marot-segments-tbody tr:not(:last-child) {
  border-bottom: 1px solid gray;
}
#marot-th-doc {
  width: 9%;
}
#marot-th-doc-seg {
  width: 5%;
}
#marot-th-system {
  width: 9%;
}
#marot-th-source {
  width: 29%;
}
#marot-th-target {
  width: 29%;
}
#marot-th-rating {
  width: 19%;
}
.marot-title {
  font-family: Impact;
  font-size: x-large;
}
.marot-val {
  cursor: pointer;
  word-break: break-all;
}
.marot-val-col {
  max-width: 150px;
}
#marot-viewing-constraints {
  cursor: pointer;
  font-style: italic;
}
.marot-warning {
  color: red;
}
.mqm-critical {
  background: rgba(127, 0, 255, 0.7);
  cursor: crosshair;
}
.mqm-major {
  background: rgba(255, 192, 203, 0.7);
  cursor: crosshair;
}
.mqm-minor {
  background: rgba(251, 236, 93, 0.7);
  cursor: crosshair;
}
.mqm-neutral {
  background: rgba(211, 211, 211, 0.7);
  cursor: crosshair;
}
.marot-single-rater-view .mqm-critical,
.marot-single-rater-view .mqm-major,
.marot-single-rater-view .mqm-minor,
.marot-single-rater-view .mqm-neutral {
  background: transparent;
}
.marot-single-rater-view .marot-rater-flag {
  visibility: hidden;
}
#marot-status {
  color: blue;
  max-height: 100px;
  margin-left: 8px;
  overflow-y: auto;
}
.mqm-trivial {
  background: rgba(245, 245, 220, 0.7);
  cursor: crosshair;
}